@charset "utf-8";
/* CSS Document */
body{
	background-color:#eee;
}
h1{
	text-align:center;
}
.nav1{
	border:0px red solid;
	width:960px;
	height:450px;
	margin:60px auto;
	position:relative;
}
.nav1 img{
	padding:10px 10px 15px;
	background:#FFF;
	border:0px solid #ddd;
	box-shadow:2px 2px 3px #ccc;
	-webkit-transition:.5s ease-in;
	-moz-transition:.5s ease-in;
	transition:.5s ease-in;
	z-index:1;
	position:absolute;
}
.nav1 img:hover{
	box-shadow:10px 10px 15px #ccc;
	-webkit-transform:rotate(0deg) scale(1.20);
	-moz-transform:rotate(0deg) scale(1.20);
	transform:rotate(0deg) scale(1.20);
	z-index:2;
} 
.nav2{
	left:400px;
	top:0px;
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	transform:rotate(-5deg);
}
.nav3{
	left:600px;
	top:0px;
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	transform:rotate(-20deg);
}
.nav4{
	left:750px;
	bottom:0px;
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	transform:rotate(5deg);
}
.nav5{
	left:300px;
	bottom:0px;
	-webkit-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	transform:rotate(-10deg);
}
.nav6{
	left:0px;
	bottom:0px;
	-webkit-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	transform:rotate(-10deg);
}
.nav7{
	left:0px;
	top:0px;
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	transform:rotate(10deg);
}
.nav8{
	left:800px;
	top:0px;
	-webkit-transform:rotate(20deg);
	-moz-transform:rotate(20deg);
	transform:rotate(20deg);
}
.nav9{
	right:630px;
	bottom:-20px;
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	transform:rotate(10deg);
}
.nav10{
	left:550px;
	top:180px;
	-webkit-transform:rotate(15deg);
	-moz-transform:rotate(15deg);
	transform:rotate(15deg);
}
.nav11{
	left:180px;
	top:20px;
	-webkit-transform:rotate(-10deg);
	-moz-transform:rotate(-10deg);
	transform:rotate(-10deg);
}
